<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title></title>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="../css/mui.min.css">
    <script type="text/javascript" src="../js/zepto.js"></script>
	<script src= "../js/jquery.min.js"></script>
	<script src="../js/touch.min.js"></script>
    <script src="../te/login/js/layer/layer.js"></script>
	<script type="text/javascript">
		document.addEventListener('plusready', function () {
			//console.log("所有plus api都应该在此事件发生后调用，否则会出现plus is undefined。"	
			console.log(plus)
		});
	</script>
    <style>
    *{
        margin: 0rem;
        padding: 0rem;
        text-decoration: none;
        list-style: none;
        
    }
    html,body{
        background-color: #fff;
        width: 100%;
        height: 100%;
            /*font-size:  100rem;*/
            font-size: calc(100vw / 7.5);
            font-family: "microsoft yahei";
        }
    .wrapper .header{
        box-sizing: border-box;
        padding: 0rem 0.1rem;
        display: flex;
        width: 100% ;
        height: 0.88rem;
        background: #809fba;
    }	
    .wrapper .header div{
        height: 100%;
        font-size: 0.30rem;
        text-align: center;
        line-height: 0.88rem;
        color: #fff;
    }
    .con{
        flex: 8;
    }
    .arrow img{
        width: 0.41rem;
        height: 0.3rem;
        display: inline-block;
    }
    .dot img{
        width: 0.41rem;
        height: 0.09rem;
        display: inline-block;
        margin-bottom: 0.03rem;
    }
    .arrow{
        flex: 1;
        /* background: url("../img/arrow.png") no-repeat center; */
        background-size: contain;
    }
    .dot{
        flex: 1;
    }
    /* 内容 */
    .wrapper-content{
        width: 100%;
        height: 9rem;
    }
    .wrapper-content form {
        box-sizing: border-box;
        padding-left: 0.3rem;
        width: 100%;
    }
    .wrapper-content form .info-box{
        height: 1.9rem;
        font-size: 0.32rem;
        border-bottom:1px solid #eaebed;
    }
    .wrapper-content form .info-box .title{
        width: 100%;
        height: 1.2rem;
        line-height: 1.2rem;
        font-weight: lighter;
        font-size: 0.32rem;
        color: #3f5468;
    }
    .wrapper-content form .info-box .info{
        display: inline-block;
        height: 0.6rem;
        width: 100%;
        font-size: 0.28rem;
        border: 0px;
        color: #9a9a9a;
        padding: 0rem;
    } 
     .sub1{
         display: block;
        width: 6.24rem;
        height: 0.94rem;
        position:static !important;
        /*bottom: 0.98rem;*/
        /*left: 0.65rem;*/
         /*margin: 0 auto;*/
         margin-left: 0.7rem;
        background-color: #7f9eba !important;
        color: #fff !important;
        border: 0px !important;
    }

    </style>
	
</head>

<body>
	<div class="wrapper">
		<div class="header">
			<div class="arrow">
				<img src="../img/arrow.png" alt="">
			</div>
			<div class="con">实名认证</div>
			<div class="dot">
				<img src="../img/dot.png" alt="">
			</div>
        </div>
    </div> 

    <div class="wrapper-content">
       <form action="#" method="POST">
           <div class="info-box">
                <div class="title">姓名</div>
                <input type="text" class="info realname" placeholder="请输入您的姓名" id="realname" >
           </div>
            <div class="info-box">
                <div class="title">身份证号</div>
                <input type="text" class="info idnumber" placeholder="请输入身份证号" id="idnumber" >
            </div>

       </form>

    </div>
    <input type="button" class="sub1" value="下一步">
	
	
	
    <!--<script src= "../js/jquery.cookie.js"></script>-->
    <script>
        if(localStorage.realname){
            $("#realname").val(localStorage.realname)
        }
        if(localStorage.id_number){
            $("#idnumber").val(localStorage.id_number);
        }

        $(".arrow").on("tap",function(){
			window.location.href = "./gerenziliao.html";
		})
        // console.log($(".realnamme").val())
        // console.log($(".idnumber").val())
        $(".sub1").on("click",function(){
            var number =  $("#idnumber").val();
            var reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
        	if(reg.test(number) === false){
                layer.msg("输入的身份证号不合法")
            }else{
                localStorage.realname = $("#realname").val();
                 localStorage.idnumber = $("#idnumber").val();
                console.log($("#realname").val())
                console.log($("#idnumber").val())
                if(localStorage.realname && localStorage.idnumber){
		        	window.location.href = "./shangchuanzhaopian.html";
                 }else{
                     console.log(1234)
                     layer.msg("请输入正确的姓名和身份证号")
                
            }
            }
           
          
            
        })
        console.log(123)
    </script>
</body>

</html>